<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<h:head>
	<title><h:outputText value="#{msgs.asistencias}"></h:outputText></title>
</h:head>
<f:view >
	<h:body>
		<h:messages id="mensajes" showDetail="true" showSummary="true" />
		<h:form>
			<h3><h:outputText value="#{msgs.asistencias}" /></h3>
			<rich:panel>
				<h:panelGrid columns="2">
					<h:column>
						<h:outputLabel value="#{msgs.clase}"></h:outputLabel>
					</h:column>
					<h:column>
						<h:selectOneMenu id="selectClases"
							value="#{asistenciaView.clase.id}">
							<f:selectItems value="#{asistenciaView.listaClases}" var="clase"
								itemLabel="#{clase.fecha}" itemValue="#{clase.id}" />
							<f:ajax execute="@this" event="change" render="tema"
								listener="#{asistenciaListener.setClase}" />
						</h:selectOneMenu>
					</h:column>
					<h:column>
						<h:outputLabel value="#{msgs.tema}" />
					</h:column>
					<h:column>
						<h:outputText id="tema" value="#{asistenciaView.clase.tema}" />
					</h:column>
				</h:panelGrid>
				<h:panelGrid columns="1">
					<h:column>
						<h:selectManyCheckbox id="alumnos"
							converter="stringToIntegerConverter"
							value="#{asistenciaView.asistentes}" layout="pageDirection">
							<f:selectItems value="#{asistenciaView.listaAlumnos}"
								var="alumno" itemValue="#{alumno.id}"
								itemLabel="#{alumno.apellido}, #{alumno.nombre} " />

						</h:selectManyCheckbox>
					</h:column>

				</h:panelGrid>
			</rich:panel>

			<h:commandButton value="#{msgs.guardar}"
				action="#{asistenciaListener.guardar}">
			</h:commandButton>
			<h:commandButton value="#{msgs.volver}"
				action="#{asistenciaListener.volver}">
			</h:commandButton>
			<h:commandButton value="#{msgs.salir}" immediate="true"
				action="#{asistenciaListener.salir}" style="left" />

		</h:form>

	</h:body>
</f:view>
</html>